<template>
  <div class="container-fluid">
    <h1>Shopping Cart Example</h1>
    <hr>
    <h2>Products</h2>
    <ProductList/>
    <hr>
    <ShoppingCart/>
    <h2>Hello{{name}}-{{ui}} {{$attrs}}</h2>
  </div>
</template>

<script>
import ProductList from './ProductList.vue'
import ShoppingCart from './ShoppingCart.vue'
export default {
  props:{
    name:{
      type:String,
      default:'Vue!'
    },
    ui:{
      type:String
    }
  },
  components: { ProductList, ShoppingCart },
  mounted(){
    console.log(this.$route.params)
  }
}
</script>

